<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑呆</title>
    <link rel="stylesheet" href="./css/heidai.css">
    
</head>
<body>
    <div class="video-background">
        <!-- 背景视频 -->
      <video autoplay loop muted playsinline>
        <source src="./img/mp4/黑呆改1.mp4" type="video/mp4">
      </video>
      <!-- 添加遮罩 -->
      <div class="video-overlay"></div> 
    </div>


 

    <div class="content-nr">
      <div class="content-video">
        <video autoplay loop muted playsinline>
            <source src="./img/mp4/黑呆改1.mp4">
        </video>
      </div>
      
      <button class="custom-play-btn" id="play-button">播放音频</button>
      <audio id="music-player" src="./img/mp3/LAST STARDUST.mp3" preload="auto" loop="loop"></audio>
      <img src="./img/封面.jpg" alt="666">
      <span>《LAST&nbsp;STARDUST》</span>
      

    </div>


    <div class="canvas-div">
      <canvas id="waveform"></canvas>
    </div>
    
    <script src="./js/heidia.js"></script>

</body>
</html>